import 'package:flutter/material.dart';
import 'package:tetris/panel/Screen.dart';
import 'package:tetris/view/GameShowView.dart';

import '../MyConfig.dart';
import 'GameController.dart';

/// 竖屏界面，如果有需要，可以再写一个 横屏界面
class PagePortrait extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    final screenW = size.width * 0.8;
    var rootView = Container(
      // todo 背景颜色
      color: PLAYER_BACKGROUND2,
      child: Padding(
        // todo 设置间距，不要 显示到状态栏里去了
        padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
          child: Column(
            // todo 列 可以设置居中 居左 对齐等
            crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Spacer(flex: 1), // 按照比例分配 剩余的空间 ，弹性布局
            // 显示主界面
            GameShowView( child: Screen(width: screenW)),
            Spacer(flex: 100),
            // todo 按键控制部分
            GameController(),
          ],
        ),
      ),
    ) ;
    return rootView ;

  }
}

